﻿*
{
    margin:0;
    padding:0;
}
html, body
{
    min-height: 100%;
}
body
{
    font-family:Arial;	
}

.wrapper
{
    padding:1px;
    min-height: 93%;
    min-width:1000px; 
}
.none
{
    display:none;
}
.novisibolity
{
    visibility: hidden;
}
.readonly
{
    background:#e1e1e1;
    width:130px;
}
.progress
{
    margin:3px 0 0 37%;
    height:10px;
    width:56% !important;
}
.progress-bar
{
    background:#64a00d;
    width:0%;
    height:5px;
}
#error_ph
{
    text-align: right;
    font-size:11px;
    padding:0 30px;
    color:red;
}
.input
{
    padding:20px 0 20px 0;		
    background:#f2f2f2;
    width:40%;
    margin:15% auto;
    text-align:center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px #999999;
    -moz-box-shadow:    0px 0px 5px 0px #999999;
    box-shadow:        0px 0px 5px 0px #999999;
}
.pages
{
    background:#f2f2f2;
}
.input div
{
    padding:10px;
}
.input form div label
{
    display:inline-block;
    width:10%;
    padding-right:7%;
    text-align:right;
    zoom: 1;
    *display: inline;
}
.input form >input
{
    display:block;
    margin:10px auto 0;
    padding:5px 10px;
}
.header
{
    background:url(../img/bg/bg_header.png) no-repeat;
    width:546px;
    height:100px;
    padding:1px;
}
.header .user_info
{
    width:400px;
    vertical-align: middle;
    margin:10px 0 0 15px;
    color:#ffffff;
}
.header .user_info p
{
    padding:2px 0;
    font-size:12px;
}
.header .user_info h3
{
    padding: 0 0 2px 0;
    font-size:15px;
}
.leftmenu, .content
{
    margin:10px 0 0 10px;	
}
.leftmenu
{
    padding:20px 0 20px 0;		
    float:left;
    background:#f2f2f2;
    width:20%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px #999999;
    -moz-box-shadow:    0px 0px 5px 0px #999999;
    box-shadow:        0px 0px 5px 0px #999999;
}
.menu
{
    border-bottom:1px dotted #86858b;
}
.menu li
{
    cursor:pointer;	
    font-size:14px;
    padding:10px;
    list-style-type: none;
    border-top:1px dotted #86858b;
}
.menu li:hover
{
    background:#fbfafa;	
}
.menu li select
{	
    width:95%;
}
.content
{
    float:left;
    margin-left:10px;
    margin-bottom:30px;
    width:74%;
    min-height:400px;
    padding:2%;
    background:#f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px #999999;
    -moz-box-shadow:    0px 0px 5px 0px #999999;
    box-shadow:        0px 0px 5px 0px #999999;
}
.navigation
{
   border-bottom:1px solid #e1e1e1; 
   padding-bottom:10px;
}
.client_navigation li, .order_navigation li, .selling_navigation li,.product_navigation li,.settings_navigation li
{
   display:inline-block;
   zoom: 1;
    *display: inline;
   vertical-align:middle;
   padding:0 0 5px 0;
   font-size: 14px;
}
.product_navigation li:nth-child(2) select
{
    width:67%;
}
.product_navigation li:nth-child(3)
{
    width:32%;
}
.product_navigation li:nth-child(3) select
{
    width:55%; 
}
.product_navigation li:nth-child(2)
{
    width:31%;
}
.product_navigation li:nth-child(1)
{
    width:20%;
}
.client_navigation li:nth-child(1),.order_navigation li:nth-child(1),.selling_navigation li:nth-child(1)
{
    width:15%;	
}
.client_navigation li:nth-child(2)
{
    width:12%;
}
.selling_navigation li:nth-child(2)
{
    width:35%;
}
.client_navigation li:nth-child(3) input[type="text"],.order_navigation li:nth-child(2) select
{
    width:70%;	
}
.client_navigation li:nth-child(3),.order_navigation li:nth-child(3),.order_navigation li:nth-child(2)
{
    width:17%;
}
.settings_navigation li:nth-child(2)
{
    width: 65%;
    text-align: right;
}
.settings_navigation li:nth-child(3)
{
    width: 15%;
    text-align: right;
}
.client_navigation li:nth-child(3) input[type="text"]
{
    width:75%;
}
.order_navigation li:nth-child(3) input[type="text"],.order_navigation li:nth-child(4) input[type="text"]
{
    width:55%;	
}
.client_navigation li:nth-child(4),.order_navigation li:nth-child(4) 
{
    width:24%;
}
.client_navigation li:nth-child(4) select
{
    width:70%;	
}
.client_navigation li:nth-child(5)
{
    width:19%; 	
}
input[type="submit"],input[type="button"]
{
    width:100px;
}
.button
{
    background: #ceb8cb;
    background: -moz-linear-gradient(top, #ceb8cb 1%, #9b7596 46%, #ceb8cb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ceb8cb), color-stop(46%,#9b7596), color-stop(100%,#ceb8cb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ceb8cb 1%,#9b7596 46%,#ceb8cb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ceb8cb 1%,#9b7596 46%,#ceb8cb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ceb8cb 1%,#9b7596 46%,#ceb8cb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ceb8cb 1%,#9b7596 46%,#ceb8cb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceb8cb', endColorstr='#ceb8cb',GradientType=0 ); /* IE6-9 */
    padding:7px 10px;
    font-size:14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #999999;
    cursor:pointer;
    color:#ffffff;
}
.button:active
{
    color:#ffffff;
    background: #ceb8cb;
    background: -moz-linear-gradient(top, #e9e4e8 1%, be9bba 46%, #e9e4e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e9e4e8), color-stop(46%,be9bba), color-stop(100%,#e9e4e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9e4e8 1%,be9bba 46%,#e9e4e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9e4e8 1%,be9bba 46%,#e9e4e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9e4e8 1%,be9bba 46%,#e9e4e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e9e4e8 1%,be9bba 46%,#e9e4e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e4e8', endColorstr='#e9e4e8',GradientType=0 ); /* IE6-9 */
}
#client_button,#order_button,#storage_button,#category_button,#report_button
{
   width:115px;
   text-align:center;
}
table.client_table,table.storage_table,table.selling_table,.access_table
{
    width:100%;
    border-top:1px solid #ffffff;
    padding-top:15px;
}
table.client_table tr:nth-child(2n+1),table.selling_table tr:nth-child(2n+1),table.storage_table tr:nth-child(2n+1),.category_table tr:nth-child(2n+1),.access_table tr:nth-child(2n+1)
{
    background:#eae2e9;	
}
table.client_table th,table.selling_table th,table.storage_table th,.category_table th,.access_table th
{
    font-size:12px; 
}
table.client_table th,table.selling_table th,table.storage_table th,.category_table th,.access_table th
{
    padding:10px 0;
    color:#ffffff;
    background: #ceb8cb; /* Old browsers */
    background: -moz-linear-gradient(top, #ceb8cb 1%, #9b7596 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ceb8cb), color-stop(99%,#9b7596)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ceb8cb 1%,#9b7596 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ceb8cb 1%,#9b7596 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ceb8cb 1%,#9b7596 99%); /* IE10+ */
    background: linear-gradient(to bottom, #ceb8cb 1%,#9b7596 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceb8cb', endColorstr='#9b7596',GradientType=0 ); /* IE6-9 */
}
table.selling_table .date_ship
{
    width:100%;
    text-align: center;
}
table.client_table td,table.selling_table td,table.storage_table td,table.category_table td,table.access_table td
{
    text-align: center;
    font-size:12px;
}
table.client_table td p,table.selling_table td p ,table.storage_table td p
{
   width:95%;
   margin:auto;
   padding:7px 0;
}
.new
{
    background:#e1d9eb;
}
.in_order
{
    background:#e9cfe1;
}
.shipping
{
    background:#cfe4e9;
}
.waiting_payment
{
    background:#cae6c2;
}
.factory
{
    background:#dde6c2;
}
.cancel
{
    background:#dcaead;
}
.toolbar
{
    padding: 0 10px 10px 0;
    border-bottom:1px solid #e1e1e1;
}
.toolbar_button
{
    width:34px;
    height:35px;
    display: inline-block;
    vertical-align: top;
    cursor:pointer;
    margin-right: 2%;
}
.toolbar_button 
{
    width:34px;
    height:35px;
}
.save
{
    background: url(../img/toolbar/save.png);
    background-repeat: no-repeat;  
}
.toolbar .save
{
    background: url(../img/toolbar/save.png);
    background-repeat: no-repeat;  
}
.toolbar .refresh
{
    background: url(../img/toolbar/refresh.png);
    background-repeat: no-repeat;
}
.toolbar .print
{
    background: url(../img/toolbar/print.png);
    background-repeat: no-repeat;
}
.toolbar .review
{
    background: url(../img/toolbar/search.png);
    background-repeat: no-repeat;
}
.toolbar .report
{
    background: url(../img/toolbar/file.png);
    background-repeat: no-repeat;
}
.toggle
{
    background: url(../img/toolbar/toggle.png);
    background-repeat: no-repeat;
}
.toolbar_button:active
{
    opacity:0.7;
    background-position: 2px 2px;
}
.detailed
{
    width:100%;
    min-height:10px;
    padding:10px 0;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #e1e1e1;
}
.detailed .cl_data
{
    width:100%;
    padding:10px 0 5px 0;
    margin:auto;
}
.detailed .cl_data >div
{
    display:inline-block;
    vertical-align: middle;
}
.detailed .cl_data >div:first-child
{
    min-width: 150px;
    width:20%;
}
.detailed .cl_data >div:last-child
{
    width:60%;
}
.detailed .cl_data >div:last-child input,.detailed .cl_data  select
{
    width:55%;
    padding:2px;
}
.cl_orders
{
    padding:10px 0 10px 0;
    border-top:1px solid #ffffff;
}
.order_detailed
{
    margin:20px 0 0 0;
}
.order_detailed >div
{
    margin:0 0 20px 0;
}
.order_detailed table
{
    width:100%;
    font-size:14px;
}
.order_detailed table th
{
    background:#c19dcb;
}
.order_detailed table td
{
    background:#e7e5e7;
}
.order_detailed table th, .order_detailed table td
{
    padding:10px;
}
.category_table
{
    width:70%;
    margin:10px auto;
}
.access_table input[type="text"]
{
    width:95%;
}
.category_table td,.access_table td
{
    padding:5px 10px;
}
.cl_data #files .picture 
{
    margin:0 !important;
}
.footer
{
    font-size:14px;
    color:#e1e1e1;
}